<template>
	<view class="contain">
		<view class="flex justify-start items-center userinfo">
			<view class="w-[200rpx] flex justify-center"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/Logo.png" style="width:120rpx; height:120rpx; border-radius:100%;"></image></view>
			<view class="flex flex-col">
				<view class="text-xl font-bold">13790977841</view>
				<view class="line-clamp-1 mt-1 text-gray-400"><text class="text-gray-400 mr-2">管理员</text> | <text class="text-gray-400 ml-2">湛江御唐府饮食有限公司</text></view>
			</view>
			<view><u-icon name="arrow-right" color="#666" size="18"></u-icon></view>
		</view>
		<view class="flex justify-between title">
			<text class="mid blod">我的钱包</text>
			<text class="small">查看钱包余额></text>
		</view>
		<view class="flex justify-between items-center mymoneybag">
			<view class="w-[200rpx] flex flex-col justify-center items-center itemBox">
				<view class="w-full flex justify-start relative mid blod">到账记录<text class="absolute top-[5rpx] right-[-60rpx] check">查账单</text></view>
				<view class="w-full flex justify-start mt-1">1029.53元</view>
				<view class="w-full flex justify-start mt-1 text-gray-400">去升级</view>
			</view>
			<view class="w-[200rpx] flex flex-col justify-center items-center itemBox">
				<view class="w-full flex justify-start relative mid blod">收支报告</view>
				<view class="w-full flex justify-start mt-1">7天</view>
				<view class="w-full flex justify-start mt-1 text-gray-400">去查看</view>
			</view>
			<view class="w-[200rpx] flex flex-col justify-center items-center itemBox">
				<view class="w-full flex justify-start relative mid blod">账户异常</view>
				<view class="w-full flex justify-start mt-1">1项</view>
				<view class="w-full flex justify-start mt-1 text-gray-400">去处理</view>
			</view>
		</view>
		<view class="flex justify-between title" @click="GoUrl('/pages/shop_allorder/shop_allorder')">
			<text class="mid blod">我的订单</text>
			<text class="small">更多></text>
		</view>
		<view class="order">
			<view class="amount_box">
				<view class="status" @click="GoOrder(0)">
					<view class="number">{{allOrders}}</view>
					<view class="textword">全部</view>
				</view>
				<view class="status" @click="GoOrder(1)">
					<view class="number">{{waitPayOrders}}</view>
					<view class="textword">待接单</view>
				</view>
				<view class="status" @click="GoOrder(2)">
					<view class="number">{{waitSendOrders}}</view>
					<view class="textword">待配送</view>
				</view>
				<view class="status" @click="GoOrder(3)">
					<view class="number">{{deliveredOrders}}</view>
					<view class="textword">已配送</view>
				</view>
			</view>
		</view>
		
		
		<view class="flex justify-between title">
			<text class="mid blod">商品管理</text>
			<text class="small"></text>
		</view>
		<view class="options">
			<view class="obox">
				<view class="status" @click="GoUrl('/pages/shop_merchant/shop_merchant')">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/dianpu.png"></image></view>
					<view class="textword">店铺装修</view>
				</view>	
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/shangping.png"></image></view>
					<view class="textword">添加商品</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/spguanli.png"></image></view>
					<view class="textword">商品管理</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/foodtag.png"></image></view>
					<view class="textword">食品标签</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/setclass.png"></image></view>
					<view class="textword">设置分类</view>
				</view>
			</view>
		</view>
		
		<view class="flex justify-between title">
			<text class="mid blod">业务联系</text>
			<text class="small"></text>
		</view>
		<view class="options">
			<view class="obox">
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/kf.png"></image></view>
					<view class="textword">联系客服</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/sell.png"></image></view>
					<view class="textword">联系销售</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/yijian.png"></image></view>
					<view class="textword">意见反馈</view>
				</view>
				<view class="status" @click="Tips">
					<view class="number"><image src="https://guangxins.oss-cn-shenzhen.aliyuncs.com/test/ad.png"></image></view>
					<view class="textword">广告方案</view>
				</view>
			</view>
		</view>
		
		

	</view>
</template>

<script setup lang='ts'>
import { ref,reactive } from 'vue'
import { onLoad,onShow } from '@dcloudio/uni-app'
import { userStore } from '@/stores/userStore'
const store = userStore()

//用户订单
let allOrders=ref<number>(0);
let waitPayOrders=ref<number>(0);
let waitSendOrders=ref<number>(0);
let deliveredOrders=ref<number>(0);
		
const GoUrl=(url:string)=>{
	uni.$tools.GoUrl(url);
}		

const Tips=()=>{
	uni.$tools.Toast("此功能即将开放")
}


//跳转订单
const GoOrder=(num:number)=>{
	switch(num){
		case 0:
			GoUrl("../shop_allorder/shop_allorder?statenum="+num);
		case 1:
			GoUrl("../shop_allorder/shop_allorder?statenum="+num);
		case 2:
			GoUrl("../shop_allorder/shop_allorder?statenum="+num);
		case 3:
			GoUrl("../shop_allorder/shop_allorder?statenum="+num);
		default:
	}
}
		
</script>
<style>
	page{
		background:#f8f8f8;
	}
</style>
<style lang='scss' scoped>
	@import "shop_merchantCenterIndex.scss";
</style>